<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>排行榜</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/config.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js" charset="utf-8"></script>
  </head>
  <body>
    <div class="main">
      <div class="contain">
      	<div class="content">
      	<!--左侧 导航-->
        <ul class="left">
          <li class="left_li1">
            <a class="left_li1_top">
            	<img class="menuImg img1" src="img/add.png" alt="">
            	<img class="menuImg img2" src="img/jian.png" alt="">
            	<span>等级</span>
            </a>
            <ul class="menu1">
              <li class="menu1_block">总览</li>
              <li class="menu1_block">修罗</li>
              <li class="menu1_block">精灵</li>
              <li class="menu1_block">矮人</li>
            </ul>
          </li>
          <li class="left_li1">
            <a class="left_li1_top">
                <img class="menuImg img1" src="img/add.png" alt="">
                <img class="menuImg img2" src="img/jian.png" alt="">
            	<span>属性</span>
            </a>
            <ul class="menu1">
              <li class="menu1_block">力量</li>
              <li class="menu1_block">敏捷</li>
              <li class="menu1_block">智力</li>
            </ul>
          </li>
          <li class="left_li1">
            <a class="left_li1_top">
                <img class="menuImg img1" src="img/add.png" alt="">
                <img class="menuImg img2" src="img/jian.png" alt="">
            	<span>其他</span>
            </a>
            <ul class="menu1">
              <li class="menu1_block">财富</li>
              <li class="menu1_block">犯罪</li>
            </ul>
          </li>
        </ul>
        <!--右侧内容-->
				<div class="right">
        	<!--排行榜数据-->
        	<table>
        		<thead id="info_th">

        		</thead>
        		<tbody id="info">
        			
        		</tbody>        		
        	</table>					
         	<div class="ranks">
         		您的当前排名为：<span></span>
         	</div>
         	<!--前三名排名 特殊数字-->
         	<div class="rankNum">
         		<p></p>
         		<p></p>
         		<p></p>
         	</div>          
        </div>
        <!--领取奖励按钮-->
        <div class="btn">
					<a href="#">	
					</a>
				</div>
      	<!--领取奖励弹框-->
      	<div class="promptBox" name=successbox>
      		<!--关闭按钮-->
      		<div class="closeBtn">
      			
      		</div>
      		<!--提示内容-->
      		<div class="prompt_text">
      			奖励领取成功，请前往购物箱领取物品
      		</div>
      		<!--确定-->
      		<div class="confirm">
      			<a href="#"></a>
      		</div>
      	</div>

        <div class="promptBox" name=errorbox>
          <!--关闭按钮-->
          <div class="closeBtn">
            
          </div>
          <!--提示内容-->
          <div class="prompt_text">
            遇到未知错误，请重新打开商城重试
          </div>
          <!--确定-->
          <div class="confirm">
            <a href="#"></a>
          </div>
        </div>
      </div>
      </div>
    </div>
  </body>
</html>
